<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>档期网</title>
<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
<s:include value="/commond/keydesc.jsp"></s:include>
<link href="${ctx }/css/head/head.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/invite_nav.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/event_box.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/invite_week.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/view_fun.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/my_event.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/party.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/loading.css" rel="stylesheet" type="text/css" />
<style type="text/css">
	.searchdefault{
		color:#9b9b9b;
	}
	.searchonit{
		color:#000000;
		font-style: normal;
	}
	#cliplistrecordsstatus{
		float:left; width:500px;height: 24px;line-height: 20px;color: #2a8bbe;font-size: 14px;
		margin-bottom: 6px;
	}
	#cliplistrecordsstatus font{
		color:#d3513c;
		font-weight: bold;
		line-height: 20px;
	}
	div.tooltip {
	  padding: 5px;
	  position: absolute;
	  visibility: visible;
	  z-index: 1020;
	}
	
	div.tooltip div.tooltip-arrow {
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-top: 5px solid #000000;
	  bottom: 0;
	  left: 50%;
	  margin-left: -5px;.
	  height: 0;
	  position: absolute;
	  width: 0;
	}
	
	div.tooltip div.tooltip-inner {
	  background-color: #000000;
	  border-radius: 4px 4px 4px 4px;
	  color: #FFFFFF;
	  max-width: 200px;
	  padding: 3px 10px;
	  text-align: center;
	  text-decoration: none;
	  font-size: 12px;
	}
</style>
<script type="text/javascript" src="${ctx}/js/common/jquery.js"></script>
<script type="text/javascript" src="${ctx }/js/textareaAutoHeight.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/invite_mode.js"></script>
<script type="text/javascript" src="${ctx}/js/common/common.js"></script>
<script type="text/javascript" src="${ctx}/js/control/calendar.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/clip_list.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/search_script.js"></script>
</head>
<body>
<s:include value="/head.jsp"></s:include>
<div class="invite_page" style="margin-top:47px;background: #C0D1DB;">
    <table style="width: 1175px;margin: 20px auto 50px;" cellpadding="0" cellspacing="0">
        <tr valign="top">
        	
        	<td>
            	<div class="event_box" style="width: 733px;">
                	<div class="event_title">
                		<ul class="headline" id="clipmanagehead">
               				<li class="ownon clickon" enabled=1 clickonclz="ownon" queryby="own">
               					找乐子
               				</li>
               				<li class="privateoff" enabled=1 clickonclz="privateon" queryby="private">
               					个人计划
               				</li>
               				<li class="memooff" enabled=1 clickonclz="memoon" queryby="memo">
               					纪念日
               				</li>
               				<li enabled=0 style="width: 356px;" class="nonequery">
               					
               				</li>
               				<li class="inviteoff" enabled=1 clickonclz="inviteon" id="invitecount" queryby="invite">
               					好友邀请
               					<span class="count"></span>
               				</li>
               				<li class="alertoff" enabled=1 clickonclz="alerton" id="alertcount" queryby="alert">
               					档期提醒
               					<span class="count"></span>
               				</li>
               			</ul>
                    	<!-- 
                        <div class="et_sch">
                        	<input type="text" class="searchdefault" value="输入您要搜索的档期内容" onfocus="checkStatus(this,event);" onblur="checkStatus(this,event);"/>
                            <a id="search_btn" onclick="searchClipEvent(this);"></a>
                        </div>
                    	 -->
                    	 
                    </div>
                    <div style="float:left; width:100%;height: 36px;">
                        <div class="et_screen">
                        	<a class="sel_all" onclick="sel_allclick(this);"></a>
                        	<a class="patch_del" id="patch_del_btn" style="display: none;"></a>
                        	<a class="patch_cancelalert" id="patch_cancelalert" style="display: none;"></a>
                        	<a class="addclip_href" href="${ctx }/myclip/add_clip.html"></a>
                        	
                        </div>
                        <div class="et_sch" id="manage_search_box">
                        	<input type="text" class="searchdefault" value="输入您要搜索的档期内容" onfocus="checkStatus(this,event);" onblur="checkStatus(this,event);"/>
                            <a id="search_btn" onclick="searchClipEvent(this);"></a>
                        </div>
                	</div>
                	<div style="" id="cliplistrecordsstatus">
                	</div>
                	<div class="et_screen" style="float: right;margin: 0;padding: 0;">
	                	<a class="allclip allclipon" id="chooseday-allclip"></a>
	                    <a class="todayclip" id="chooseday-todayclip"></a>
                    </div>
                	<div style="float:left;width: 100%;height: 30px;background:#255777 ; ">
                		<table cellpadding="0" cellspacing="0" width="100%" id="titlenamelist">
                			<tr id="allownshareinvite_title" style="display: none;">
                				<td width="40"></td>
                				<td width="70"><img src="${ctx }/image/list_publishname.jpg" style="margin-top: 4px;"></img></td>
                				<td width="125" ><img src="${ctx }/image/list_inviteANDcliptime.jpg" style="margin-top: 4px;"></img></td>
                				<td width="385"><img src="${ctx }/image/list_title.jpg" style="margin-top: 4px;"></img></td>
                				<td width="110"><img src="${ctx }/image/list_createtime.jpg" style="margin-top: 4px;"></img></td>
                			</tr>
                			<tr id="memo_title" style="display: none;">
                				<td width="43" ></td>
                				<td width="310"><img src="${ctx }/image/list_title.jpg" style="margin-top: 4px;"></img></td>
                				<td width="115" ><img src="${ctx }/image/list_memotime.jpg" style="margin-top: 4px;"></img></td>
                				<td width="115" ><img src="${ctx }/image/list_alerttime.jpg" style="margin-top: 4px;"></img></td>
                				<td width="160"><img src="${ctx }/image/list_createtime.jpg" style="margin-top: 4px;"></img></td>
                			</tr>
                			<tr id="alert_title" style="display: none;">
                				<td width="40"></td>
                				<td width="75"><img src="${ctx }/image/list_publishname.jpg" style="margin-top: 4px;"></img></td>
                				<td width="120" ><img src="${ctx }/image/list_inviteANDcliptime.jpg" style="margin-top: 4px;"></img></td>
                				<td width="385"><img src="${ctx }/image/list_title.jpg" style="margin-top: 4px;"></img></td>
                				<td width="110"><img src="${ctx }/image/list_alerttime.jpg" style="margin-top: 4px;"></img></td>
                			</tr>
                		</table>
                	</div>
                    <table class="eb_table" cellpadding="0" cellspacing="0" id="mainpart_list_content" style="border-top-width: 0;margin-bottom: 30px;">
                    </table>
                    <div style="float:left; width:100%;margin-bottom: 30px;">
                        <div class="et_screen">
                            <a class="sel_all" onclick="sel_allclick(this);"></a>
                        </div>
                        <div id="pagingcount" class="pagecount"></div>
                        <div class="page" id="pagingcontent">
                        	
                        </div>
                	</div>
                </div>
            </td>
            <td width="400" style="padding: 0 0 0 8px;">
            	<div class="invite_mouth_fun" id="calendar_monthcontrolbar">
					<div style="float: left;margin-left: 5px;height: 1px;"></div>
					<a id="mouth_fun_prevyear" title="上一年" class="y_left"></a>
					<a id="mouth_fun_prevmonth" title="上一月" class="m_left"></a>
					<select onchange="changeMonthView()" id="mouth_fun_view_year">
					</select>
					<span class="nian"></span>
					<select style="margin-left: 8px;width: 40px;" onchange="changeMonthView()" id="mouth_fun_view_month">
						<option value="0">1</option>
						<option value="1">2</option>
						<option value="2">3</option>
						<option value="3">4</option>
						<option value="4">5</option>
						<option value="5">6</option>
						<option value="6">7</option>
						<option value="7">8</option>
						<option value="8">9</option>
						<option value="9">10</option>
						<option value="10">11</option>
						<option value="11">12</option>
					</select>
					<span class="yue"></span>
					<a id="mouth_fun_nextmonth" title="下一月" class="m_right"></a>
					<a id="mouth_fun_nextyear" title="下一年" class="y_right"></a>
					<span onclick="currentMonthClick()" class="btm_tmonth"></span>
		      </div>
            	<table cellpadding="0" cellspacing="0" width="100%" id="smallcalendar" style="border: 1px solid #9DA2A8;padding: 5px;background: #ffffff;">
	   			<thead>
	   			<tr class="sweektitle">
	   				<td class="sun"></td>
	                   <td class="mon"></td>
	                   <td class="tue"></td>
	                   <td class="wed"></td>
	                   <td class="thu"></td>
	                   <td class="fri"></td>
	                   <td class="sta"></td>
	   			</tr>
	   			</thead>
	   			<tbody>
	   				<tr class="monthcontent">
		                   <td class="" id="tdmonth0">
		                   	<div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth1">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth2">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth3">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth4">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth5">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth6">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                  </tr>
		                  <tr class="monthcontent">
		                      <td class="" id="tdmonth7">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth8">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth9">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth10">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth11">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth12">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth13">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                  </tr>
		                  <tr class="monthcontent">
		                      <td class="" id="tdmonth14">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth15">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth16">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth17">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth18">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth19">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth20">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                  </tr>
		                  <tr class="monthcontent">
		                      <td class="" id="tdmonth21">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth22">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth23">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth24">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth25">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth26">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth27">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                  </tr>
		                  <tr style="display: none;" id="monthlast1" class="monthcontent">
		                      <td class="" id="tdmonth28">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth29">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth30">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth31">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth32">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth33">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth34">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                  </tr>
		                  <tr style="display: none;" id="monthlast2" class="monthcontent">
		                      <td class="" id="tdmonth35">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth36">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth37">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth38">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth39">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth40">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                      <td class="" id="tdmonth41">
		                          <div class="sun"></div>
		                   	<div class="eventsign"></div>
		                   	<div class="lunar"></div>
		                      </td>
		                  </tr>
	   			</tbody>
	   		</table>
            </td>
        </tr>
	</table>
</div>
<s:include value="/foot.jsp"></s:include>
<div class="monthviewopt" style="display: none;" id="viewopt">
	<input type="hidden" id="viewopt_eventid"/>
	<img src="${ctx }/image/load.gif" style="display: none;margin-left: 120px;margin-top: 25px;" align="middle" id="viewopt_img"></img>
	<p style="text-indent: 30px;font-size:15px;line-height: 25px;" id="viewopt_p"></p>
</div>
<div class="loading" id="loadingui" style="display: none;">
	<span class="logo"></span>
	<span class="loading"></span>
</div>
<div class="tooltip" style="display: none;" id="tooltip">
<div class="tooltip-arrow"></div><div class="tooltip-inner"></div>
</div>
</body>
</html>